<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div  style="margin-top: 120px;margin-left:510px">
	<form name="f" action="" onsubmit="return checkForm(this);">
		<table>
		<tr>
			<td align="right">角色名：</td><td><input type="text" name="roleName" ></td>
		</tr>
		<tr>
			<td align="right">描述：</td><td><input type="text" name="roleDescribe" ></td>
		</tr>
		<tr>
			<td align="center"><input type="button" onclick="goIns()" value="增加"></td>
			<td><input type="button" onclick="javascript:history.back(-1);" value="返回"></td>
		</tr>
		</table>
	</form>
</div>
</body>
<script type="text/javascript">
function goIns(){
	var roleName = f.roleName.value;
	var roleDescribe = f.roleDescribe.value;
	$.ajax({// 进行提交
		type : "post",// 提交方式
		url : "${pageContext.request.contextPath}/InsRoleServlet",// 提交路径
		async : true,// 是否异步
		dataType : 'json',// 数据格式（不进行跨越json，进行跨越jsonp）
		data : {// 参数
			roleName : roleName,
			roleDescribe : roleDescribe
		},
		success : function(data){// 执行成功后调动的方法
			var flag = data[0].flag;
			if(flag){
				alert("新增成功");	
			}else{
				alert("新增失败");	
			}
			
		},
		error : function(err){// 执行失败后的失败信息的显示
			console.log(err);
		}
	});
}
function checkForm(form) {
	if(form.roleName.value == "") {
	alert("用户名不能为空!");
	form.roleName.focus();
	return false;
	}
/* 	if(form.roleDescribe.value == "") {
	alert("密码不能为空!");
	form.roleDescribe.focus();
	return false;
	} */
	return true;
	}

</script>
</html>